.financeCenter{
  margin:0 0 0 25px;
  background:#fff;
  overflow-y: auto;
  box-shadow: 0 0 4px 0 rgba(0,0,0,0.17);
}
.financeCenter-title-top{
  padding:36px 20px 0;
  box-sizing: border-box;
}
.details-title{
  padding:5px 0;
  margin:0 22px!important;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ECECEC;
  font-size: 18px;
  color: #313131;
}
.details-title>span{
  width:10px;
  height:19px;
  background: #01BEB8;
  position: absolute;
  top:calc(50% - 9.5px);
  left:-22px;
}
.financeCenter-title-con{
  width:335px;
  height:138px;
  margin-top:20px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.07);
  border-radius: 3px;
}
.financeC-ti-title{
  padding: 11px 0;
  font-size: 16px;
  color: #4F4F4F;
  text-indent: 20px;
  border-bottom: 1px solid #E0E0E0;
}
.financeC-ti-title>span>img{
  position: relative;
  margin-top:5px;
  margin-left:6px;
}
.financeC-ti-title>span{
  position: relative;
}
.financeC-ti-title>span:hover .financeC-ti-hint,
.financeC-ti-title>span:hover .financeC-ti-s{
  display: block;
}
.financeC-ti-text{
  padding:16px 0;
  font-size: 40px;
  color: #313131;
  text-indent: 20px;
}
.details-more{
  font-size: 14px;
  cursor:pointer;
  color: #4796F3;
}
.financeCenter-table{
  margin-top:20px;
  box-shadow: 0 0 4px 0 rgba(0,0,0,0.17);
  border: 1px solid #DEDEDE;
  border-radius: 3px;
}
.financeCenter-table>thead>tr>th{
  text-align: center;
  border-bottom: 1px solid #DEDEDE;
}
.financeCenter-table>tbody>tr>td{
  text-align: center;
  font-size: 14px;
  color: #6C6C6C;
  border-top:1px solid #ECECEC;
}
.financeCenter-table>tbody>tr>td:nth-child(even){
  color: #01BEB8;
}
.financeCenter-table>tbody>tr>td:last-child{
  color: #4796F3;
  cursor: pointer;
}
.financeCenterTableTd{
  max-width:270px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.financeC-ti-hint{
  width:258px;
  padding:11px 14px;
  font-size: 12px;
  color: #FFFFFF;
  background: #EC9B15;
  border-radius: 3px;
  text-indent: 0;
  display: none;
  position: absolute;
  top:-11px;
  left:29px;
}
.financeC-ti-s{
  display: none;
  position: absolute;
  top:calc(50% - 6px);
  left:15px;
  border:8px solid transparent;
  border-right:8px solid #EC9B15;
}
.financeCenter-details-top{
  height:50px;
  line-height: 50px;
  border-bottom:1px solid  #E3E3E3;
  position: relative;
}
.financeCenter-details-top>p{
  position: absolute;
  font-size: 16px;
  color: #363636;
  z-index: 20;
}
.financeCenter-details-top>span{
  text-align: center;
  font-size: 16px;
  color: #313131;
  position: absolute;
  width:100%;
  margin-left:-50px;
}
.financeCenter-screen{
  margin-top:18px;
  padding-left:28px;
  box-sizing: border-box;
}
.financeCenter-screen>span{
  height:30px;
  line-height: 30px;
  padding:0 10px;
  font-size: 14px;
  color: #6C6C6C;
  float:left;
}
.financeCenter-screen>input{
  float:left;
}
.financeCenter-screen>span>.financeCeSelect{
  width:115px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.12);
  position: absolute;
  left:48px;
  top:31px;
}
.financeCenter-screen>span>.financeCeSelect>li{
  height:26px;
  line-height: 26px;
  text-indent: 10px;
  font-size: 14px;
  color: #6C6C6C;
}
.financeCenter-screen>span>.financeCeSelect>li:hover{
  background: #EEEEEE;
}
.financeCenter-screen>.financeCeType{
  width:114px;
  height:30px;
  padding:6px 0 5px 10px;
  box-sizing: border-box;
  background:url('../img/d_small_narrow.svg') no-repeat 90px ;
}
.financeCeType::-webkit-input-placeholder {
  font-size: 14px;
  color: #B2B2B2;
}
.financeCeType:-moz-placeholder{
  font-size: 14px;
  color: #B2B2B2;
}
.financeCeType::-moz-placeholder {
  font-size: 14px;
  color: #B2B2B2;
}
.financeCeType:-ms-input-placeholder {
  font-size: 14px;
  color: #B2B2B2;
}
#financeCenter-details-new,#financeCenter-details-old{
  width:130px;
  height:30px;
  padding:6px 0 5px 10px;
  box-sizing: border-box;
  background:#fff;
  background:url('../img/d_date_back.svg') no-repeat left 7px center;
  text-indent: 14px;
}
.fin-btn{
  width:53px;
  height:30px;
  background: #01BEB8;
  border-radius: 3px;
  font-size: 12px;
  color: #FFFFFF;
  margin-left:10px;
  vertical-align: top;
}
.fin-btn:hover{
  background: #00C6BF;
}
.financeCenDe-table{
  margin-top:20px;
}
.financeCenDe-table>thead>tr>th{
  text-align: center;
  border-bottom: 1px solid #E3E3E3;
}
.financeCenDe-table>tbody>tr>td{
  text-align: center;
  font-size: 14px;
  color: #6C6C6C;
  border-top:0;
}
.financeCenDe-table>tbody>tr>td:nth-child(even){
  color: #01BEB8;
}
.financeCenDe-table>tbody>tr:nth-child(even){
  background: #F4F7FA;

}
.financeCenDe-table>tbody>tr>td:last-child{
  color: #4796F3;
  cursor: pointer;
}
.financeCenDe-footer{
  text-align: center;
}
.financeCenDe-footer>div{
  margin-bottom:10px;
}
